<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<head th:include="common/common_head :: commonHeader('添加角色')"></head>

<body>
	<!-- BEGIN CONTENT BODY -->
	<div class="page-content">
		<div class="row">
			<div class="col-md-12">
				<!-- BEGIN VALIDATION STATES-->
				<div class="portlet light portlet-fit portlet-form ">
					<div class="portlet-body">
						<!-- BEGIN FORM-->
						<form action="#" class="form-horizontal" id="addSysRoleForm">
							<div class="form-body" style="margin-left: -100px;">
								<div class="form-group form-md-line-input">
									<label class="col-md-3 control-label">角色名称 <span class="required">*</span>
									</label>
									<div class="col-md-9">
										<input type="text" class="form-control" placeholder="" name="roleName">
										<div class="form-control-focus"></div>
									</div>
								</div>
								<div class="form-group form-md-line-input">
									<label class="col-md-3 control-label">角色描述 <span class="required">*</span>
									</label>
									<div class="col-md-9">
										<input type="text" class="form-control" placeholder="" name="roleDescription">
										<div class="form-control-focus"></div>
									</div>
								</div>
								<div class="form-group form-md-line-input">
									<label class="col-md-3 control-label">角色权限 <span class="required">*</span>
									</label>
									<div class="col-md-9">
										<ul class="ztree" id="sysFunctionTree"></ul>
										<input type="hidden" name="roleFunction" />
									</div>
								</div>
							</div>
							<div class="form-actions">
								<div class="row">
									<div class="col-md-4"></div>
									<div class="col-md-2">
										<a href="javascript:;" id="addSysRoleBtn" class="btn btn-circle green btn-outline sbold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;提交&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
									</div>
									<div class="col-md-2">
										<a href="javascript:;" id="cancelSysRoleBtn" class="btn btn-circle purple btn-outline sbold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;取消&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
									</div>
									<div class="col-md-4"></div>
								</div>
							</div>
						</form>
						<!-- END FORM-->
					</div>
				</div>
				<!-- END VALIDATION STATES-->
			</div>
		</div>
	</div>
	<!-- END CONTENT BODY -->
	<div th:include="common/onload_js :: onloadJS"></div>
	<script th:src="@{/qtyy/scripts/system/sys_role/sys_role_add.js}" type="text/javascript"></script>
	<script th:inline="javascript">
		/*<![CDATA[*/
		jQuery(document).ready(function() {
			QTYYSysRoleAdd.initSysRoleAdd();
		});
		/*]]>*/
	</script>
</body>

</html>